

.contractLibraryView{
    background:#F8F8F8;
    box-shadow: 0 0 4px 0 #E0E0E0;
    overflow: auto;
    border-radius: 3px;

  /*overflow: hidden;*/
}

.orderReceiving-details-top{
    height:63px;
    line-height: 63px;
    text-align: center;
    border-bottom:1px solid #ECECEC;
    background: #fff;
}
.orderReceiving-details-top .top-left{
  width:20%;
  padding-left:20px;
  float: left;
  text-align: left;
}
.orderReceiving-details-top .top-center{
  text-align: center;
  width:60%;
  float: left;
}
.orderReceiving-details-top .top-right{
  width:20%;
  float: left;
  height: 63px;
  line-height: 63px;
}

.top-right .line{
  border-left: 1px solid #ECECEC;
  height: 53px;
  width:auto;
  margin:5px 0;
}

.orderReceiving-details-top .btn{
  width: 101px;
  height: 36px;
  background: #01BEB8;
  border-radius: 3px;
  color: #fff;
  margin-right: 15px;
  margin-top: 8px;
  font-size:14px;
}

.orderReceiving-details-top .btn .iconfont{
  color: #FFCF74;
}


.content-left {
    background: #FFFFFF;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.17);
    width:340px;
    float: left;
    z-index: 90;
    margin-right:20px;
    overflow-x: hidden;
    overflow-y: auto;
}

.base-info{
    width:233px;
    margin: 30px auto;
    background: #FFFFFF;
    border: 1px solid #DBDBDB;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.08);
    border-radius: 3px;
    padding:10px 10px 0px 10px;
    height:auto;
    overflow:hidden;
}

.base-info .desc-title{
    font-family: MicrosoftYaHei-Bold;
    font-size: 14px;
    color: #424242;
    letter-spacing: 0;
    font-weight:bold;
    height:30px;
    line-height:30px;
    float: left;
}

.base-info .desc-title>i{
    background: #01BEB8;
    width:8px;
    height:16px;
    display:inline-block;
    margin-right:5px;
    margin-top: 7px;
}
.base-info .desc-cont{
    width: 196px;
    float: left;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    color: #7D7D7D;
    letter-spacing: 0;
    margin-left:13px;
}

.base-info p{
    height:auto;
    line-height:20px;
    padding-bottom:10px;
}

.img-area{
    width: -moz-calc(100% - 360px);
    width: -webkit-calc(100% - 360px);
    width: calc(100% - 360px);
    margin: 0 auto;
    padding-left:20px;
    overflow-y: auto;
    background: #fff;
    padding-top: 10px;
}

.library-img {
  width:800px;
  height:auto;
}

.page-btns {
  position:fixed;
  right:0px;
  top:200px;
  width:100px;
  margin: 30px 70px 0px 0px;
  z-index: 900;
}
.page-btns button {
  height: 30px;
  /*margin: 40px auto;*/
  padding-bottom: 2px;
  line-height: 0.3;
  font-size: 12px;
  padding-top: 3px;;
  width: 120px;
  background-color: #53C1AF;
  border-color: #53C1AF;
  color: #FFFFFF;
}
.request{
  width: 120px;
  height: 30px;
  background: #0db3a6;
  color: #FFFFFF;
  text-align: center;
  line-height: 30px;
  border-radius: 4px;
  margin: 9px 12px 0px 0px;
}
.page-btns p{
  padding-top: 10px;
}





